/*=======reset css========*/

*,

*::before,

*::after{

    /*所有的标签，和伪元素都选中*/

    margin: 0;

    padding: 0;

    /*移动端常用布局是非固定像素*/

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    /*点击高亮效果的清除*/

    tap-highlight-color: transparent;

    -webkit-tap-highlight-color: transparent;

}

i{

    font-style:normal;

}img{

    font-size: 0;

 }

body{

    max-width: 1920px;

    min-width: 1200px;

}

ul,ol{

    list-style: none;

}

a{

    text-decoration: none;

    color: #333;

}

input,textarea{

    border: none;

    outline: none;

    /*不允许改变尺寸*/

    resize: none;

    /*元素的外观  none没有任何样式*/

    -webkit-appearance: none;

}

/*=======common css========*/

.content{

    width: 1200px;

    margin: 0 auto;

}



.f_left{

    float: left;

}

.f_right{

    float: right;

}



.clearFix::before,

.clearFix::after{

    content: "";

    display: block;

    visibility: hidden;

    height: 0;

    line-height: 0;

    clear: both;

}

.m_l10{

    margin-left:10px;

}

.m_r10{

    margin-right:10px;

}

.m_t10{

    margin-top:10px;

}

.m_b10{

    margin-bottom:10px;

}

/*使用精灵图的公用样式*/

[class^="icon_"],[class*=" icon_"]{

    background-repeat: no-repeat;

    background-image: url("../images/sprites.png");

    background-size: 200px 200px;

}